import Vue from 'vue'
import VueRouter, {RouteConfig} from 'vue-router'

Vue.use(VueRouter)

const routes: Array<RouteConfig> = [
    // {
    //     path: '/',
    //     name: 'Home',
    //     component: Home
    // },
    {
        path: '/about',
        name: 'About',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
    },
    {
        path: '/Index',
        name: 'Index',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Index.vue')
    },
    {
        path: '/Login',
        name: 'Login',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../components/Login.vue')
    },
    {
        path: '/',
        name: 'Login',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../components/Login.vue')
    },
    // {
    //     path: '/Supplier',
    //     name: 'Supplier',
    //     // route level code-splitting
    //     // this generates a separate chunk (about.[hash].js) for this route
    //     // which is lazy-loaded when the route is visited.
    //     component: () => import(/* webpackChunkName: "about" */ '../components/Supplier.vue')
    // },
    // {
    //     path: '/Client',
    //     name: 'Client',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/Client.vue')
    // },
    // {
    //     path: '/SaleCount',
    //     name: 'SaleCount',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/SaleCount.vue')
    // },
    // {
    //     path: '/SaleClient',
    //     name: 'SaleClient',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/SaleClient.vue')
    // },
    // {
    //     path: '/PurchaseIn',
    //     name: 'PurchaseIn',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/PurchaseIn.vue')
    // },
    // {
    //     path: '/PurchaseInfo',
    //     name: 'PurchaseInfo',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/PurchaseInfo.vue')
    // },
    // {
    //     path: '/PInfoDetail',
    //     name: 'PInfoDetail',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/PInfoDetail.vue')
    // },
    // {
    //     path: '/ProductInfo',
    //     name: 'ProductInfo',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/ProductInfo.vue')
    // },
    // {
    //     path: '/CheckOut',
    //     name: 'CheckOut',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/CheckOut.vue')
    // },
    // {
    //     path: '/CheckOutInfo',
    //     name: 'CheckOutInfo',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/CheckOutInfo.vue')
    // },
    // {
    //     path: '/CInfoDetail',
    //     name: 'CInfoDetail',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/CInfoDetail.vue')
    // },
    // {
    //     path: '/UserManage',
    //     name: 'UserMange',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/UserManage.vue')
    // },
    // {
    //     path: '/RoleManage',
    //     name: 'RoleMange',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/RoleManage.vue')
    // },
    // {
    //     path: '/UpdatePwd',
    //     name: 'UpdatePwd',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/UpdatePwd.vue')
    // },
    // {
    //     path: '/LogView',
    //     name: 'LogView',
    //     component: () => import(/* webpackChunkName: "about" */ '../components/LogView.vue')
    // }

]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router
